<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title data-localize="rt_recruitlist"></title>

	<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<link rel="stylesheet" href="./style/page.css" >
	<link rel="stylesheet" href="./style/recruit.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
	<!--[if lt IE 9]>
	<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
	<![endif]-->
	<script type="text/javascript">
		var UserID= '<%=session.getAttribute("userid")%>';
        var LessonID=<%=request.getParameter("lid")%>;
		var Phase=<%=request.getParameter("p")%>;
        if(!UserID || UserID=="" || UserID=="null"){
            location.href="https://sso.supermap.com/login?service="+window.location.protocol+"//"+window.location.host+"/University/login";
        }else if(!LessonID || !Phase){
			location.href="./";
		}
	</script>
</head>
<body>
<%@ include file="head.jsp"%>
      <!--页面主体-->
<div id="container" class="container-fluid">
	<div class="row">
		<div class="col-xs-1"></div>
		<div class="col-xs-8">
			<img src="./script/layerui/skin/default/loading-1.gif" alt="loading">
			<div class="container-fluid" id="recruitcspage">
				<div class="container-fluid recruitcspageheader">
					<div class="row">
						<div class="col-xs-3">
							<img src="" alt="avatar" id="courseAvatar"/>
						</div>
						<div class="col-xs-9" id="courseIntro"></div>
						<!--<div class="col-xs-2">
							<button type="button" class="btn btn-info">暂停招生</button>
							<button type="button" class="btn btn-danger">停止招生</button>
						</div>-->
					</div>
				</div>
				<div class="input-group searchbox">
					<!--<div class="input-group-btn">
						<input type="text" class="form-control" data-localize="pm_inputStuName" id="queryString" onkeyup="completer_click()" />
						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
							onclick="getQueryname()">
							<span class="caret"></span>
							<span class="sr-only"></span>
						</button>
						<ul class="dropdown-menu querymenu">
							<li>1</li><li>2</li><li>3</li>
						</ul>
					</div>-->
				</div>
				<ul class="nav nav-tabs" role="tablist" id="stuListTab">
					<li role="presentation" class="active">
						<a href="#cs_waitrecruit" role="tab" data-toggle="tab" data-localize="rm_waitrecruit"></a>
					</li>
					<li role="presentation">
						<a href="#cs_alreadyrecruit" role="tab" data-toggle="tab" data-localize="rm_alreadyrecruit"></a>
					</li>
				</ul>
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane table-responsive active" id="cs_waitrecruit">
						<table class="table table-bordered table-striped table-hover">
							<thead>
								<tr>
									<th data-localize="sm_studentname"></th>
									<th data-localize="ms_sex"></th>
									<th data-localize="pm_school"></th>
									<th data-localize="ms_major"></th>
									<th data-localize="rc_stuComment"></th>
									<th data-localize="labMg_handle"></th>
								</tr>
							</thead>
							<tbody id="waitRecruit_tbd">
							</tbody>
						</table>
					</div>
					<div role="tabpanel" class="tab-pane table-responsive" id="cs_alreadyrecruit">
						<table class="table table-bordered table-striped table-hover">
							<thead>
								<tr data-toggle="modal" data-stuid="0" data-target="#studentDetail">
									<th data-localize="sm_studentname"></th>
									<th data-localize="ms_sex"></th>
									<th data-localize="pm_school"></th>
									<th data-localize="ms_major"></th>
									<th data-localize="labMg_handle"></th>
								</tr>
							</thead>
							<tbody id="alreadyRecruit_tbd">
							</tbody>
						</table>
					</div>
				</div>
				<nav id="partpagenavbar">
					<ul class="pagination">

					</ul>
				</nav>
			</div>
		</div>
		<div class="col-xs-2">
			<div id="advertisement" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
				</ol>

				<div class="carousel-inner" role="listbox">
				</div>

				<a class="left carousel-control" href="#advertisement" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
					<span class="sr-only" data-localize="nav_pre"></span>
				</a>
				<a class="right carousel-control" href="#advertisement" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span>
					<span class="sr-only" data-localize="nav_next"></span>
				</a>
			</div>
			<div id="supermapfaq">
				<h4 data-localize="ms_FAQ"></h4>
				<ul>

				</ul>
			</div>
		</div>
	</div>
	<!--模态框-->
	<div class="modal fade" id="studentDetail" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
								<span aria-hidden="true">&times;</span>
								<span class="sr-only">&nbsp;</span>
							</button>
					<h4 class="modal-title" id="stuinfotitle"></h4>
				</div>
				<div class="modal-body container-fluid">
					<div class="row">
						<div class="col-md-1"></div>
						<div class="col-md-3">
							<img id="modalstuimg" src="./imgs/头像.jpg" alt="Userimg">
						</div>
						<div class="col-md-7 container-fluid table-responsive">
							<table class="table table-bordered">
								<tr>
									<td>
										<span data-localize="sm_studentname"></span> : <label id="modalstunNm"></label>
									</td>
									<td>
										<span data-localize="pm_school"></span> : <label id="modalStuScl"></label>
									</td>
								</tr>
								<tr>
									<td>
										<span data-localize="ms_sex"></span> : <label id="modalStuSex"></label>
									</td>
									<td>
										<span data-localize="ms_major"></span> : <label id="modalstuMajor"></label>
									</td>
								</tr>
								<tr>
									<td colspan="2">
										<span data-localize="rc_stuComment"></span> : <label id="modelstuCmt"></label>
									</td>
								</tr>
							</table>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button class="btn btn-default" data-dismiss="modal" data-localize="pm_cancle"></button>
					<button class="btn btn-primary" data-localize="kc_confirm"></button>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.12.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="script/jquery.i18n.properties.min.js"></script>
<script src="script/jquery.i18n.init.js"></script>
<script src="script/layerui/layer.js"></script>
<script src="script/recruit.js"></script>
</body>
</html>